<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<script src="../../js/mui.min.js"></script>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title mui-title-sn">移动沈农</h1>
		</header>
		<div class="mui-content">
			<div id="slider" class="mui-slider" >
			  <div class="mui-slider-group mui-slider-loop">
			    <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
			    <div class="mui-slider-item mui-slider-item-duplicate">
			      <a href="#">
			        <img src="../../images/cbd.jpg">
			      </a>
			    </div>
			    <!-- 第一张 -->
			    <div class="mui-slider-item">
			      <a href="#">
			        <img src="../../images/muwu.jpg">
			      </a>
			    </div>
			    <!-- 第二张 -->
			    <div class="mui-slider-item">
			      <a href="#">
			        <img src="../../images/shuijiao.jpg">
			      </a>
			    </div>
			    <!-- 第三张 -->
			    <div class="mui-slider-item">
			      <a href="#">
			        <img src="../../images/yuantiao.jpg">
			      </a>
			    </div>
			    <!-- 第四张 -->
			    <div class="mui-slider-item">
			      <a href="#">
			        <img src="../../images/cbd.jpg">
			      </a>
			    </div>
			    <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
			    <div class="mui-slider-item mui-slider-item-duplicate">
			      <a href="#">
			        <img src="../../images/muwu.jpg">
			      </a>
			    </div>
			  </div>
			  <div class="mui-slider-indicator">
			    <div class="mui-indicator mui-active"></div>
			    <div class="mui-indicator"></div>
			    <div class="mui-indicator"></div>
			    <div class="mui-indicator"></div>
			  </div>
			</div>
			<ul class="mui-table-view mui-grid-view mui-grid-9">
				<li id="notice" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				    <a href="#">
				        <span class="mui-icon fa fa-envelope">
				        	<span class="mui-badge mui-badge-red">5</span>
				        </span>
				        <div class="mui-media-body">通知</div>
				    </a>
				</li>
				<li id="examsTable" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				    <a href="#">
				        <span class="mui-icon fa fa-list-ul"></span>
				        <div class="mui-media-body">考表</div>
				    </a>
				</li>
				<li id="grades" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				    <a href="#">
				        <span class="mui-icon fa fa-line-chart"></span>
				        <div class="mui-media-body">成绩</div>
				    </a>
				</li>
			</ul>
			
			<div class="mui-card">
				<div class="mui-card-content">
					<span class="mui-badge mui-badge-danger">!!!</span>
					消息分级-红色+三个感叹号表示重要  关于2018年3月开学补（缓）考报名的通知
				</div>
			</div>
			<div class="mui-card">
				<div class="mui-card-content">
					<span class="mui-badge mui-badge-warning">!!</span>
					消息分级-黄色+两个感叹号表示一般  关于公布2017年度教师教学质量申报评价结果的通知
				</div>
			</div>
			<div class="mui-card">
				<div class="mui-card-content">
					消息分级-普通消息   学校召开本科人才培养和学生管理工作会议 深入学习贯彻党的十九大精神
				</div>
			</div>
			<div class="mui-card">
				<div class="mui-card-content">
					消息分级-普通消息   学校召开本科人才培养和学生管理工作会议 深入学习贯彻党的十九大精神
				</div>
			</div>
			
		</div>
		<script src="js/init.js"></script>
		<script src="js/index.js"></script>
	</body>

</html>